a,*{color:#333}
.clearfix:after{content:' ';display: block;clear: both;height: 0;}
.clearfix{zoom: 1;}
.space{font-size: 0;-webkit-text-size-adjust:none;}
.fill-150px{height:140px}
@media screen and (max-width: 1000px) {
    .fill-150px{height:50px}
}
.color-blue{ color:#1673aa}
.img-banner{width:100%}
.zoomimg_box{overflow: hidden;}
.zoomimg{transition: all 0.6s;}
.zoomimg:hover{transform: scale(1.05);}

.swiper-button-next,swiper-button-prev{outline: none}
.mask{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5)}

html,body{position:relative; width:100%; height:100%; margin:0; padding:0}
.container{ position:relative; margin:0 auto; max-width:1200px}
.scene1{width:300px; height:194px; position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-180px;}
.scene1 .loading{padding-top:10px; height:234px; text-align:center}
.scene2{position:relative}
.scene2 .top{ position:fixed; top:0; height:80px; left:0; right:0; z-index:1000}
.scene2 .top .logo{height:80px; padding:0 12px; width:238px;  background-image:url(../images/bg-index-top.png); background-repeat:repeat-x; text-align:center; display:inline-block; vertical-align:top}
.scene2 .top .logo img{margin-top:15px}
.scene2 .top .shadow{ width:4px; height:80px; background-image:url(../images/bg-index-top-shadow.png); display:inline-block; vertical-align:top}

.header{height:150px;background-image:url(../images/bg-header.png); background-position:center top; background-repeat:no-repeat; margin-bottom:5px; position:relative}
.header .container{ max-width:1300px;}
.header .div-1915-1{position:absolute; height:40px; bottom:0; left:0; right:0; background-color:#a0d9f6; text-align:center;}
.header .div-1915-2{position:absolute; height:40px; bottom:0; left:0; right:0; background-color:#075b8f; text-align:center;}
.header .div-1915-1 img,.header .div-1915-2 img{margin-top:6px; margin-right:655px}
.header .header-logo{width:385px; height:150px; float:left;}
.header .nav-wrapper{float:right}
.header .nav-wrapper .nav{text-align:right}
.header .nav-wrapper .nav .item{position:relative; padding:0 12px; display:inline-block;  margin-top:10px; vertical-align:top; white-space: nowrap;}
.header .nav-wrapper .nav .item:before{content:''; position:absolute; left:0; right:0; bottom:0px; top:0; background-color:#00b5ed;border-radius:3px 3px 0 0;transform: scaleY(0);transition:all 0.25s ease-in-out;transform-origin:center bottom}
.header .nav-wrapper .nav .item:hover:before{transform: scaleY(1);}

.header .nav-wrapper .nav .item .serach{margin-top:39px}
.header .nav-wrapper .nav .item a.parent-channel{font-size:16px; text-align:center; color:White; display:block; position:relative; height:100px; line-height:100px; }

.header .nav-wrapper .nav .item .sublist{display:none}
.header .nav-wrapper .nav .item .sublist{position:absolute; margin-top:-1px; height:40px; line-height:40px}
.header .nav-wrapper .nav .item .sublist li{display:inline-block; margin:0 8px; position:relative}
.header .nav-wrapper .nav .item .sublist li a{font-size:14px; text-align:center; color:White;color:White; display:block; width:100%}
.header .nav-wrapper .nav .item .sublist li a:hover{}

.header .nav-wrapper .nav .item .sublist li a:after{content:'';display:block;position:absolute; left:-1px; right:-1px;  height:2px;bottom:4px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0;}
.header .nav-wrapper .nav .item .sublist li a:hover:after{transform:scale3d(1,1,1)}

.header .item-search{}
.header .item-search .div-search{width:350px; height:40px; position:absolute; right:0px; bottom:-40px; font-size:14px; display:none}
.header .item-search .div-search .txt-search{ height:25px; line-height:25px; margin-top:7px; border:solid 1px #81bade; width:220px; margin-right:4px}
.header .item-search .div-search .btn-search{ height:25px; line-height:25px; margin-top:7px; margin-right:4px; padding:0 15px; background-color:#ccc; color:#333; border:none; cursor:pointer}

.header .shuibao{ width:103px; height:105px; margin-top:5px; float:right; background-image:url(../images/shuibao.png);background-repeat:no-repeat}

@media only screen and (max-width: 1300px) 
{
    .header .container{max-width:100%}
    .header{overflow:hidden}
    .header .nav-wrapper .nav .item{ padding:0 2px; display:inline-block;  margin-top:10px; vertical-align:top; position:relative;white-space: nowrap;border-radius:3px 3px 0 0;}
    .header .shuibao{display:none}
}

.friendship-link{z-index:1000; margin-top:-15px; position:relative}
.friendship-link .top{ height:29px;background-image:url(../images/bg-friendship.png); background-position:center top; background-repeat:no-repeat}
.friendship-link .main{background-color:#eeeeef; height:200px;}
.friendship-link .title{line-height:1; padding:30px 0 22px 0;font-size:21px; color:#145a9d}
.friendship-link .title img{margin-right:8px}
.friendship-link ul{ width:100%}
.friendship-link ul li{ display:inline-block; font-size:14px; width:16%; text-align:left}
.friendship-link ul li a{}
.friendship-link ul li a img{}

.footer-gray-bar{ position:relative; height:40px; background-image:url(../images/bg-29.png); background-position:center center; background-repeat:no-repeat; z-index:1000; margin-top:-15px}

.footer{background-color:#085783; min-height:550px; background-image:url(../images/bg-footer.png); background-position:center bottom; background-repeat:no-repeat}
.footer .navbox{width:75%; float:left;}
.footer .navbox .nav{ padding-left:30px;}
.footer .navbox .nav .item{display:inline-block; padding-top:20px; width:15%; overflow:hidden; vertical-align:top}
.footer .navbox .nav .item .parent{color:#bea184; font-size:16px; line-height:40px; display:block}
.footer .navbox .nav .item .sublist{ padding-top:5px}
.footer .navbox .nav .item .sublist li{ line-height:28px}
.footer .navbox .nav .item .sublist li a{ color:White; color:rgba(255,255,255,0.85); font-size:14px}
.footer .navbox .nav .item .sublist li a:hover{text-decoration:underline}
.footer .side{width:24%; float:right}
.footer .side .qrcode{ padding-top:100px}
.footer .side .qrcode li{ display:inline-block; font-size:14px; text-align:center; color:White; color:rgba(255,255,255,0.85); line-height:30px}
.footer .side .qrcode li.wechat{margin-right:30px}
.footer .side .txtbox{margin-top:110px;}
.footer .side .txtbox .paragraph{ margin-top:5px}
.footer .side .txtbox .p1{}
.footer .side .txtbox .paragraph p{line-height:22px; font-size:16px; color:White; color:rgba(255,255,255,0.85);}
.footer .side .txtbox a{color:White; color:rgba(255,255,255,0.85)}
.footer .side .txtbox a:hover{text-decoration:underline}
@media only screen and (max-width: 1100px) 
{
    .footer{background-image:url(../images/bg-footer-2.png); }
    .footer .side .txtbox{ display:none}
}

/*一网通办*/
.page-ywtb{}
.page-ywtb .banner{width:100%; position:relative}
.page-ywtb .banner img{width:100%}
/*走进昆水*/
.page-zjks{}
.page-zjks .banner{position:relative; width:100%; height:-moz-calc(100vw / 1920 * 720 - 20px);height:-webkit-calc(100vw / 1920 * 720 - 20px);height:calc(100vw / 1920 * 720 - 20px);background-image:url(../images/video-9.jpg); background-position:center center; overflow:hidden;}
.page-zjks .banner video{position:absolute;top:0; left:0; bottom:0; z-index:0}
.page-zjks .banner .mask{position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.62); z-index:1}
.page-zjks .banner .container{z-index:2}
.page-zjks .banner .channel-title{position:relative; height:216px; width:100%; background-image:url(../images/title-zjks.png); background-position: right center; background-repeat:no-repeat }
.page-zjks .banner .sub-list{position:absolute; width:1050px; left:50%; margin-left:-525px; top:58%; z-index:2}
.page-zjks .banner .sub-list ul{}
.page-zjks .banner .sub-list ul li{width:25%; text-align:center; display:inline-block; height:120px;}
.page-zjks .banner .sub-list ul li a{ display:block;margin:0 auto; width:130px; color:White; font-size:24px; letter-spacing:1px;text-align:center; line-height:65px; border-bottom:solid 3px #ffffff; z-index:0; position:relative}
.page-zjks .banner .sub-list ul li a:after{content:'';display:block;position:absolute;width:100%;height:3px;bottom:-3px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-zjks .banner .sub-list ul li a:hover:after{transform:scale3d(1,1,1);}
@media only screen and (max-width: 1400px) 
{
    .page-zjks .banner .sub-list ul li{height:100px;}
    .page-zjks .banner .sub-list ul li a{line-height:60px;}
}

@media only screen and (max-width: 1100px) 
{
    .page-zjks .banner .channel-title{width:100%; height:144px;background-image:url(../images/title-zjks-2.png);}
    .page-zjks .banner .sub-list ul li{height:80px;}
    .page-zjks .banner .sub-list ul li a{line-height:40px;}
}

/*新闻中心*/
.page-xwzx{}
.page-xwzx .banner{width:100%; position:relative}
.page-xwzx .banner img{width:100%}
.page-xwzx h3{font-size:36px; line-height:1em;}

.page-xwzx .jtdt{padding:60px 0 100px 0}/*集团动态*/
.page-xwzx .jtdt h3{color:#085783; background-image:url(../images/icon-1.png); background-position:left center; background-repeat:no-repeat; padding-left:20px}
.page-xwzx .jtdt .content{ margin-top:25px; background-color:#eeeeee;background-image:url(../images/bg-2.png); background-position:right bottom; background-repeat:no-repeat; padding:8px 0 35px 0;height:450px; position:relative}
.page-xwzx .jtdt .content .imgnews{ width:48%; float:left; position:relative; height:100% }
.page-xwzx .jtdt .content .imgnews img{ width:100%; height:100%; display:block; position:relative}
.page-xwzx .jtdt .content .imgnews .title-bar{ position:absolute; left:0; right:40px; bottom:0; height:60px; background-color:rgba(22,97,138,0.65) }
.page-xwzx .jtdt .content .imgnews .title-bar h4{ font-size:18px; color:White; line-height:60px; overflow:hidden; padding:0 20px; position:relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page-xwzx .jtdt .content .newslist{width:48%; float:right}
.page-xwzx .jtdt .content .newslist ul{ padding-right:20px}
.page-xwzx .jtdt .content .newslist ul li{}
.page-xwzx .jtdt .content .newslist ul li a{ display:block; padding:16px; border-radius:4px}
.page-xwzx .jtdt .content .newslist ul li a:hover{ background-color:#dedede}
.page-xwzx .jtdt .content .newslist ul li a .news-title{ font-size:21px; color:#19628b; letter-spacing:1px;overflow: hidden;white-space: nowrap; }
.page-xwzx .jtdt .content .newslist ul li a .news-date{ color:#888; font-size:16px; line-height:32px}
.page-xwzx .jtdt .content .newslist ul li a .news-summary{ color:#666; font-size:16px; line-height:25px; height:50px; overflow:hidden; }
.page-xwzx .jtdt .content .btn-more{display:block;position:absolute;width:150px;bottom:20px; height:18px;line-height:18px;  right:50px; border:solid 1px #5f94ae; text-align:center; color:#888; font-size:12px; border-radius:9px;transition:all 0.3s}
.page-xwzx .jtdt .content .btn-more:hover{ color:#125e88}

.page-xwzx  .xcsp{margin-top:15px; position:relative}/*宣传视频*/
.page-xwzx  .xcsp{height:538px; background-color:#9cbad4; background-image:url(../images/bg-3.png); background-position:center top; background-repeat:no-repeat}
.page-xwzx  .xcsp h3{color:#ffffff; background-image:url(../images/icon-2.png); background-position:left center; background-repeat:no-repeat; padding:30px 0 30px 20px}
.page-xwzx  .xcsp .content{ padding:0 15px; position:relative;}
.page-xwzx  .xcsp .content ul{}
.page-xwzx  .xcsp .content ul li{width:33%; display:inline-block; vertical-align:top; }
.page-xwzx  .xcsp .content ul li .wrapper{padding: 0 30px}
.page-xwzx  .xcsp .content ul li .img{position:relative}
.page-xwzx  .xcsp .content ul li .img .video-img{width:100%; position:relative}
.page-xwzx  .xcsp .content ul li .img .btn-play{position:absolute; width:64px; height:64px; top:50%; left:50%; margin-top:-32px; margin-left:-32px; cursor:pointer; opacity:0.8} 
.page-xwzx  .xcsp .content ul li .img .btn-play:hover{opacity:1}
.page-xwzx  .xcsp .content ul li .txt{ line-height:50px} 
.page-xwzx  .xcsp .content ul li .txt a{ font-size:16px; color:#555}
.page-xwzx  .xcsp .content ul li .txt a:hover{color:#333}
.page-xwzx  .xcsp .btn-more{display:block; position:relative; float:right; margin-top:20px; width:150px; height:18px; line-height:18px; border:solid 1px #5f94ae; text-align:center; color:#888; font-size:12px;  border-radius:9px;transition:all 0.3s}
.page-xwzx  .xcsp .btn-more:hover{ color:#125e88}

.page-xwzx  .videos-list{margin-top:50px}
.page-xwzx  .videos-list ul{}
.page-xwzx  .videos-list ul li{width:25%; float:left; text-align:center; display:block; position:relative}
.page-xwzx  .videos-list ul l a{color:White}
.page-xwzx  .videos-list ul li .img{width:180px; height:158px; padding-top:72px; background-position:center center; background-repeat:no-repeat; margin-left:auto; margin-right:auto; position:relative; text-align:center}
.page-xwzx  .videos-list ul li .img .circle{ width:142px; height:142px; border-radius:50%; margin:0 auto; overflow:hidden; text-align:center; background-position:center center;background-size:cover}
.page-xwzx  .videos-list ul li .img .circle img{ max-height:150px; vertical-align:middle}
.page-xwzx  .videos-list ul li .txt{color:White; line-height:28px; height:56px; overflow:hidden; margin-top:20px; font-size:16px}
.page-xwzx  .btnmore{margin-top:60px; text-align:right}
.page-xwzx  .btnmore a{font-size:18px; color:White; color:rgba(255,255,255,0.65); letter-spacing:1px}
.page-xwzx  .btnmore a:hover{color:White; color:rgba(255,255,255,1)}
.page-xwzx  .videos-list ul li:after{content:'';display:block;position:absolute; left:25%; right:25%;height:3px;bottom:-30px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-xwzx  .videos-list ul li:hover:after{transform:scale3d(1,1,1);}


.water-knowledge{position:relative;padding-top:90px}/*水知识*/
.water-knowledge .container{ max-width:1100px}
.water-knowledge .content{background-position:top left; background-repeat:no-repeat; min-height:220px}
.water-knowledge .content ul{margin-left:220px; margin-right:-10px; position:relative; padding-top:30px; padding-bottom:10px}
.water-knowledge .content ul li{ margin-top:10px; padding:10px; display:block; cursor:pointer;border-radius:4px}
.water-knowledge .content ul li:hover{background-color:#eee}
.water-knowledge .content ul li h4{ color:#19638c; font-size:18px; letter-spacing:1px; line-height:2em; overflow:hidden;white-space: nowrap}
.water-knowledge .content ul li p{ color:#555; font-size:16px; line-height:24px; max-height:50px; overflow:hidden} 
.water-knowledge .btn-more{display:block; position:relative; float:right; margin-top:20px; width:150px; height:18px;line-height:18px; border:solid 1px #5f94ae; text-align:center; color:#888; font-size:12px;   border-radius:9px;transition:all 0.3; letter-spacing:10px}
.water-knowledge .btn-more:hover{ color:#125e88}

.ssj{padding-top:100px; padding-bottom:100px; background-image:url(../images/bg-4.png); background-position:center bottom; background-repeat:no-repeat;}/*水视界*/
.ssj .content{background-image:url(../images/bg-6.png);}
.ssw{padding-bottom:100px; background-image:url(../images/bg-5.png); background-position:center bottom; background-repeat:no-repeat;}/*水思维*/
.ssw .content{background-image:url(../images/bg-ssw.png);}
.sls{padding-bottom:100px; background-image:url(../images/bg-4.png); background-position:center bottom; background-repeat:no-repeat;}/*水历史*/
.sls .content{background-image:url(../images/bg-8.png);}
.szs{padding-bottom:120px;}/*水知识*/
.szs .content{background-image:url(../images/bg-7.png);}

@media only screen and (max-width: 1100px) 
{
    .page-xwzx .jtdt{padding:50px 0 60px 0}/*集团动态*/
}

/*信息公开*/
.page-xxgk{}
.page-xxgk .banner{width:100%; position:relative}
.page-xxgk .banner img{width:100%}
.page-xxgk .reports{ margin-top:20px}
.page-xxgk .reports .section{ padding-bottom:70px;}
.page-xxgk .reports .section .channel-title{ width:292px; height:175px;background-position: center center; background-repeat:no-repeat; float:left; text-align:center}
.page-xxgk .reports .section .channel-title h3{ font-size:36px; line-height:36px; text-align:center; color:White; padding-top:52px; letter-spacing:2px}
.page-xxgk .reports .section .channel-title .btn-more{display:block; position:relative; margin-top:15px; margin-left:auto; margin-right:auto; width:150px; height:18px; line-height:18px; border:solid 1px #fff; text-align:center; color:#fff; font-size:12px;  border-radius:9px;transition:all 0.3s}
.page-xxgk .reports .section .news-list,.page-xxgk .reports .section .news-list-2{margin-left:292px;}
.page-xxgk .reports .section .news-list ul{padding-top:12px}
.page-xxgk .reports .section .news-list ul li{background-color:White; display:block; position:relative; width:100%; height:30px; overflow:hidden}
.page-xxgk .reports .section .news-list ul li a{ display:block; float:left; max-width:500px;  overflow:hidden; background-image:url(../images/icon-3.png); background-position:20px center; background-repeat:no-repeat; height:30px; line-height:30px; padding-left:40px; color:#555; font-size:16px} 
.page-xxgk .reports .section .news-list ul li a:hover{color:#174d6c}
.page-xxgk .reports .section .news-list ul li span{display:block; width:120px; float:right;  height:30px; line-height:30px; overflow:hidden; color:#555; font-size:16px;}
.page-xxgk .reports .section .news-list-2 ul{margin-left:10px; margin-top:4px}
.page-xxgk .reports .section .news-list-2 ul li{padding-bottom:10px}
.page-xxgk .reports .section .news-list-2 ul li a{padding:10px 40px 10px 10px; display:block}
.page-xxgk .reports .section .news-list-2 ul li a:hover{background-color:#eee}
.page-xxgk .reports .section .news-list-2 ul li h4{font-size:20px; color:#266b92; letter-spacing:1px}
.page-xxgk .reports .section .news-list-2 ul li p{margin-top:6px; font-size:16px; color:#555; line-height:25px; height:50px; overflow:hidden}
.page-xxgk .reports .gkml .channel-title{background-image:url(../images/bg-31.png); }/*公开目录*/
.page-xxgk .reports .gkml .news-list{border-top:solid 6px #facd8e}
.page-xxgk .reports .gkyj .channel-title{background-image:url(../images/bg-32.png); }/*公开依据*/
.page-xxgk .reports .gkyj .news-list{border-top:solid 6px #f7c67a}
.page-xxgk .reports .gkzn .channel-title{background-image:url(../images/bg-33.png); }/*公开指南*/
.page-xxgk .reports .gkzn .news-list{border-top:solid 6px #f6bd67}
.page-xxgk .reports .ysqgk .channel-title{background-image:url(../images/bg-34.png); }/*依申请公开*/
.page-xxgk .reports .ysqgk .news-list{border-top:solid 6px #4cadac}
.page-xxgk .reports .ndbg .channel-title{background-image:url(../images/bg-35.png); }/*年度报告*/
.page-xxgk .reports .ndbg .news-list{border-top:solid 6px #00999c}
.page-xxgk .reports .zcfg .channel-title{background-image:url(../images/bg-36.png); }/*政策法规*/
.page-xxgk .reports .zcfg .news-list{border-top:solid 6px #007e8d}
.page-xxgk .reports .szbg .channel-title{background-image:url(../images/bg-37.png); }/*水质报告*/
.page-xxgk .reports .szbg .news-list{border-top:solid 6px #0082c4}
.page-xxgk .reports .jhts .channel-title{background-image:url(../images/bg-38.png); }/*计划停水*/
.page-xxgk .reports .jhts .news-list{border-top:solid 6px #006ba1}
.page-xxgk .reports .sjbz .channel-title{background-image:url(../images/bg-39.png); }/*水价标准*/
.page-xxgk .reports .sjbz .news-list{border-top:solid 6px #00517e}
.page-xxgk .sub-channels{ background-color:#9cbad4; height:450px; background-image:url(../images/bg-12.png); background-position:center top; background-repeat:no-repeat;}
.page-xxgk .sub-channels .container{ max-width:800px;}
.page-xxgk .sub-channels ul{padding-top:110px}
.page-xxgk .sub-channels ul li{width:33%; text-align:center; display:inline-block; height:130px;}
.page-xxgk .sub-channels ul li a{ display:block; margin:0 auto; width:130px; color:#005882; font-size:24px; letter-spacing:1px;text-align:center; line-height:70px; border-bottom:solid 3px #005882; z-index:0; position:relative}
.page-xxgk .sub-channels ul li a:after{content:'';display:block;position:absolute;width:100%;height:3px;bottom:-3px;background:#ffffff;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-xxgk .sub-channels ul li a:hover:after{transform:scale3d(1,1,1);}
.page-xxgk .friendship-link{ z-index:100;}
.page-xxgk .reports .title{ margin:50px 0 35px 0}
.page-xxgk .reports .sub-list{padding-left:70px; padding-bottom:60px}
.page-xxgk .reports .sub-list .li{float:left; margin-right:60px}
.page-xxgk .reports .sub-list-2 .li{margin-right:66px}
.page-xxgk .reports .sub-list .item{ width:260px; height:425px; border-radius:20px; background-position:center center; background-size:cover; position:relative}
.page-xxgk .reports .sub-list .large{width:425px;}
.page-xxgk .reports .item-1{background-image:url(../images/bg-xxgk-1.png)}
.page-xxgk .reports .item-2{background-image:url(../images/bg-xxgk-2.png)}
.page-xxgk .reports .item-3{background-image:url(../images/bg-xxgk-3.png)}
.page-xxgk .reports .item-4{background-image:url(../images/bg-xxgk-4.png)}
.page-xxgk .reports .item-5{background-image:url(../images/bg-xxgk-5.png)}
.page-xxgk .reports .item-6{background-image:url(../images/bg-xxgk-6.png)}
.page-xxgk .reports .item-7{background-image:url(../images/bg-xxgk-7.png)}
.page-xxgk .reports .item-8{background-image:url(../images/bg-xxgk-8.png)}
.page-xxgk .reports .sub-list .item .tit{padding:20px;}
.page-xxgk .reports .sub-list .li .item ul{ margin:20px}
.page-xxgk .reports .sub-list .li .item ul li{height:45px; line-height:45px; padding:0 20px;background-color:#0786c5; background-image:url(../images/bg-40.png); background-position:right center; background-repeat:no-repeat; margin-top:5px; position:relative; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;word-break: break-all;color:White}
.page-xxgk .reports .sub-list .li .item ul li:after{ position:absolute; content:''; width:16px; height:19px; top:0; left:0; background-image:url(../images/bg-41.png)}
.page-xxgk .reports .sub-list .li .item ul li a{font-size:14px; color:White; }
.page-xxgk .reports .sub-list .li .item ul li a:hover{ text-decoration:underline}
.page-xxgk .reports .sub-list .li .item .tips{font-size:14px; color:White; padding:10px 30px}
.page-xxgk .reports .sub-list .li .item .btn-more{position:absolute; display:block; width:98px; height:20px; line-height:20px; right:30px; bottom:30px; border:solid 1px rgba(255,255,255,0.5); border-radius:15px; text-align:center; color:rgba(255,255,255,0.65); font-size:12px}
.page-xxgk .reports .sub-list .li .item .btn-zjks{position:absolute; display:block; width:160px; height:35px; line-height:35px; top:50%; left:50%; margin-top:-18px; margin-left:-80px; border:solid 1px rgba(255,255,255,0.65); border-radius:20px; text-align:center; color:rgba(255,255,255,0.8); font-size:14px}
@media only screen and (max-width: 1100px) 
{
   .page-xxgk .reports .sub-list{padding-left:40px;padding-bottom:40px}
   .page-xxgk .reports .sub-list .li{margin-right:50px}
   .page-xxgk .reports .sub-list-2 .li{margin-right:59px}
}

/*企业文化*/
.page-qywh{}
.page-qywh .banner{position:relative; width:100%; height:-moz-calc(100vw / 1920 * 720 - 20px);height:-webkit-calc(100vw / 1920 * 720 - 20px);height:calc(100vw / 1920 * 720 - 20px);background-image:url(../images/banner/qywh/bg-banner.jpg); background-position:center center; overflow:hidden}
.page-qywh .banner video{position:absolute;top:0; left:0; bottom:0;z-index:0}
.page-qywh .banner .mask{background-color:rgba(0,0,0,0.5);z-index:1}
.page-qywh .banner .container{z-index:2}
.page-qywh .banner .channel-title{position:relative; width:825px; height:196px; margin-top:70px; background-image:url(../images/title-qywh.png); background-position: left center; background-repeat:no-repeat}
.page-qywh .banner .sub-list{position:absolute; width:850px; left:50%; margin-left:-425px; top:62%; z-index:2}
.page-qywh .banner .sub-list ul{}
.page-qywh .banner .sub-list ul li{width:33%; text-align:center; display:inline-block; height:120px;}
.page-qywh .banner .sub-list ul li a{ display:block; margin:0 auto; width:130px; color:White; font-size:24px; letter-spacing:1px;text-align:center; line-height:65px; border-bottom:solid 3px #ffffff; z-index:0; position:relative}
.page-qywh .banner .sub-list ul li a:after{content:'';display:block;position:absolute;width:100%;height:3px;bottom:-3px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-qywh .banner .sub-list ul li a:hover:after{transform:scale3d(1,1,1);}
@media only screen and (max-width: 1400px) 
{
    .page-qywh  .banner .sub-list ul li{height:100px;}
    .page-qywh  .banner .sub-list ul li a{line-height:60px;}
}

@media only screen and (max-width: 1100px) 
{
    .page-qywh .banner .channel-title{width:500px; height:119px; margin-top:30px; margin-left:20px; background-image:url(../images/title-qywh-2.png);}
    .page-qywh .banner .sub-list{top:55%}
    .page-qywh  .banner .sub-list ul li{height:80px;}
    .page-qywh  .banner .sub-list ul li a{line-height:40px;}
}

/*人才招聘*/
.page-rczp{}
.page-rczp .banner{width:100%; position:relative}
.page-rczp .banner img{width:100%}
.page-rczp .content{position:relative}
.page-rczp .tab{padding-top:40px}
.page-rczp .tab .tab-title{width:420px; float:left}
.page-rczp .tab .tab-title{}
.page-rczp .tab .tab-title li{ display:block; width:310px; height:40px; padding:10px 20px; line-height:40px; margin:8px 0; background-color:#e4f3f6;border-radius:8px; font-size:18px; color:#333; cursor:pointer; letter-spacing:1px; margin-left:auto; margin-right:auto}
.page-rczp .tab .tab-title li{-moz-box-shadow:2px 2px 4px #dddddd; -webkit-box-shadow:2px 2px 4px #dddddd; box-shadow:2px 2px 4px #dddddd;}
.page-rczp .tab .tab-title li:hover{background-color:#1673aa; color:White}
.page-rczp .tab .tab-title li.current{background-color:#1673aa; color:White; font-size:21px; padding:0; line-height:60px; height:60px; width:370px; padding-left:20px}
.page-rczp .tab .tab-content{ margin-left:460px;  margin-top:80px;background-image:url(../images/bg-15.png); background-position: center top; background-repeat:repeat-x; padding-top:12px}
.page-rczp .tab .tab-content .tab-item{display:none}
.page-rczp .tab .tab-content .on {display:block;}
.page-rczp .tab .tab-content .tab-item{padding:40px;min-height:500px; border-radius:6px; margin:0 25px; background-image:url(../images/bg-14.png); background-position: center top; background-repeat:repeat-x}
.page-rczp .tab .tab-content .tab-item{-moz-box-shadow:1px 1px 20px #E6E6E6; -webkit-box-shadow:1px 1px 20px #E6E6E6; box-shadow:1px 1px 20px #E6E6E6;}
.page-rczp .tab .tab-content .tab-item p{ margin-top:1em; line-height:2em; font-size:16px}

/*联系我们*/
.page-lxwm{}
.page-lxwm .banner{position:relative; height:-moz-calc(100vw / 1920 * 720 - 20px);height:-webkit-calc(100vw / 1920 * 720 - 20px);height:calc(100vw / 1920 * 720 - 20px); background-image:url(../images/banner/lxwm/banner-bg.jpg); background-position:center center; background-repeat:no-repeat; overflow:hidden}
.page-lxwm .banner video{position:absolute;top:0; left:0; bottom:0}
.page-lxwm .banner .mask{background-color:rgba(0,0,0,0.65)}
.page-lxwm .banner .txt-wrapper{ position:absolute; width:1200px; height:428px; left:50%; top:50%; margin-left:-600px; margin-top:-214px; background-image:url(../images/img-lxwm.png); background-position:right center; background-repeat:no-repeat}
@media only screen and (max-width: 1400px) 
{
    .page-lxwm .banner .txt-wrapper{ position:absolute; width:1100px; height:350px; left:50%; top:50%; margin-left:-550px; margin-top:-175px; background-image:url(../images/img-lxwm-2.png); background-position:right center; background-repeat:no-repeat}
}

@media only screen and (max-width: 1100px) 
{
    .page-lxwm .banner .txt-wrapper{ position:absolute; width:800px; height:250px; left:50%; top:50%; margin-left:-400px; margin-top:-125px; background-image:url(../images/img-lxwm-3.png); background-position:right center; background-repeat:no-repeat}
}

.page-lxwm .content{position:relative}
.page-lxwm .tab{padding-top:40px}
.page-lxwm .tab .tab-title{width:420px; float:left}
.page-lxwm .tab .tab-title{}
.page-lxwm .tab .tab-title li{ display:block; width:310px; height:40px; padding:10px 20px; line-height:40px; margin:8px 0; background-color:#e4f3f6;border-radius:8px; font-size:18px; color:#333; cursor:pointer; letter-spacing:1px; margin-left:auto; margin-right:auto}
.page-lxwm .tab .tab-title li{-moz-box-shadow:2px 2px 4px #dddddd; -webkit-box-shadow:2px 2px 4px #dddddd; box-shadow:2px 2px 4px #dddddd;}
.page-lxwm .tab .tab-title li:hover{background-color:#1673aa; color:White}
.page-lxwm .tab .tab-title li.current{background-color:#1673aa; color:White; font-size:21px; padding:0; line-height:60px; height:60px; width:370px; padding-left:20px}
.page-lxwm .tab .tab-content{ margin-left:460px;  margin-top:80px;background-image:url(../images/bg-15.png); background-position: center top; background-repeat:repeat-x; padding-top:12px}
.page-lxwm .tab .tab-content .tab-item{display:none}
.page-lxwm .tab .tab-content .on {display:block;}
.page-lxwm .tab .tab-content .tab-item{padding:40px;min-height:500px; border-radius:6px; margin:0 25px; background-image:url(../images/bg-14.png); background-position: center top; background-repeat:repeat-x}
.page-lxwm .tab .tab-content .tab-item{-moz-box-shadow:1px 1px 20px #E6E6E6; -webkit-box-shadow:1px 1px 20px #E6E6E6; box-shadow:1px 1px 20px #E6E6E6;}
.page-lxwm .tab .tab-content .tab-item p{ margin-top:1em; line-height:2em}

/*二级栏目页*/
.page-template{}
.page-template .banner{position:relative;}
.page-template .wrap{margin:50px 0 80px 0}
.page-template .wrap .side{width:220px; float:left; min-height:600px; position:relative;}
.page-template .wrap .side .parent-channel,.page-template .wrap .side ul li{ text-align:right}
.page-template .wrap .side .parent-channel{ margin-top:48px}
.page-template .wrap .side ul{margin-top:20px}
.page-template .wrap .side ul li a{color:#085783; font-size:24px; line-height:55px; position:relative}
.page-template .wrap .side ul li a:after{content:'';display:block;position:absolute; right:0; width:100%;height:2px;bottom:-2px;background:#085783;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-template .wrap .side ul li a:hover:after{transform:scale3d(1,1,1);}
.page-template .wrap .side ul li a.current{position:relative; color:#00b5ed}
.page-template .wrap .side ul li a.current:after{content:'';display:block;position:absolute; right:0; width:100%;height:3px;bottom:-6px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(1,1,1);transform-origin:50% 0; z-index:2}

.page-template .wrap .main{margin-left:248px; padding-left:110px; width:auto; min-height:600px}
.page-template .wrap .main{background-image:url(../images/bg-17.png); background-position:left top; background-repeat:no-repeat; position:relative}
.page-template .wrap .main .line{ position:absolute; top:100px; bottom:0; left:25px; width:4px; background-color:#a9002d}
.page-template .wrap .main .crumbs-nav{font-size:14px; color:#999}
.page-template .wrap .main .crumbs-nav a{font-size:14px; color:#999}
.page-template .wrap .main .crumbs-nav a:hover{ text-decoration:underline}
.page-template .wrap .main .crumbs-nav .arrow{ margin:0 10px; vertical-align:middle}
.page-template .wrap .main .content{padding:20px 0}
.page-template .wrap .main .content .article{margin-top:20px}/*文章*/
.page-template .wrap .main .content .article .news-title{ text-align:center; font-size:32px; line-height:1.6em}
.page-template .wrap .main .content .article .news-date{ font-size:16px; text-align:center; color:#999; line-height:1.6em}
.page-template .wrap .main .content .article .news-body{ padding-top:10px}
.page-template .wrap .main .content .article .news-body p{text-indent: 2em; font-size:16px;line-height:2em; margin-top:1em; color:#444}
.page-template .wrap .main .content .article .news-body p img{max-width:100%}
.page-template .wrap .main .content .newslist{}/*新闻列表*/
.page-template .wrap .main .content .newslist ul{ margin-top:20px} 
.page-template .wrap .main .content .newslist ul li{padding:20px 0} 
.page-template .wrap .main .content .newslist ul li a{ display:block; margin-right:50px; max-width:560px; float:left; color:#085783; font-size:16px; height:20px; line-height:20px; white-space:nowrap; overflow:hidden }
.page-template .wrap .main .content .newslist ul li a{ padding-left:25px;background-image:url(../images/icon-3.png); background-position:left center; background-repeat:no-repeat;}
.page-template .wrap .main .content .newslist ul li a:hover{ text-decoration:underline}
.page-template .wrap .main .content .newslist ul li span{ display:block; width:120px; float:right; color:#999; font-size:16px; height:20px; line-height:20px; text-align:center}
.page-template .pager{ margin-top:40px; padding-left:80px}/*分页*/
.page-template .pager a{ display:inline-block;color:#085783; border:solid 1px #085783; padding:0 4px; line-height:24px}
.page-template .wrap .main .content .videoslist{}/*视频列表*/
.page-template .wrap .main .content .videoslist ul{margin-top:30px}
.page-template .wrap .main .content .videoslist ul li{width:46%; float:left; margin-right:4%; margin-top:30px}
.page-template .wrap .main .content .videoslist ul li .img{position:relative}
.page-template .wrap .main .content .videoslist ul li .img .video-img{width:100%; position:relative}
.page-template .wrap .main .content .videoslist ul li .img .btn-play{position:absolute; width:64px; height:64px; top:50%; left:50%; margin-top:-32px; margin-left:-32px; cursor:pointer; opacity:0.8} 
.page-template .wrap .main .content .videoslist ul li .img .btn-play:hover{opacity:1}
.page-template .wrap .main .content .videoslist ul li .txt{ line-height:50px; height:50px; white-space:nowrap; overflow:hidden} 
.page-template .wrap .main .content .videoslist ul li .txt a{ font-size:16px; color:#555}
.page-template .wrap .main .content .videoslist ul li .txt a:hover{color:#333}
.page-template .videoslist-tab .layui-tab-title{}
.page-template .videoslist-tab .layui-tab-title li{padding: 0 20px;}
.page-template .videoslist-tab .layui-tab-title .layui-this{color:#00b5ed}
.page-template .videoslist-tab .layui-tab-title .layui-this:after{border-bottom: 2px solid #00b5ed;}


/*page-index-2*/
.page-index-2{}
.page-index-2 .banner{width:100%; position:relative}
.page-index-2 .banner .swiper-container,.page-index-2 .banner .swiper-container .swiper-slide{width:100%;}
.page-index-2 .banner .swiper-slide{width:100%;background-position:center center; background-repeat:no-repeat}
.page-index-2 .banner .swiper-slide img{width:100%}

.page-index-2 .ywt{ position:relative; margin-top:-65px; z-index:9999}
.page-index-2 .ywt .container{max-width:1000px}
@media only screen and (max-width: 1100px) 
{
    .page-index-2 .ywt .container{max-width:900px}
}
.page-index-2 .ywt .container{box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;background-color:rgba(255, 255, 255, 0.8);border-radius:4px;}
.page-index-2 .ywt .top{ height:40px; background-color:#f18200;border-radius:5px 5px 0 0}
.page-index-2 .ywt .top h4{ font-size:16px; text-align:center; line-height:40px; color:#ffffff; font-weight:600; letter-spacing:0.4px}
.page-index-2 .ywt .main{height:280px; background-color:#f3f3f3}
.page-index-2 .ywt .main ul{width:847px; margin:0 auto; overflow:hidden; padding:30px 0; position:relative}
.page-index-2 .ywt .main ul li{ height:105px; width:140px; float:left; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; position:relative}
.page-index-2 .ywt .main ul li .img{ width:80px; height:70px; background-position:center center; background-repeat:no-repeat; margin:0 auto}
.page-index-2 .ywt .main ul li h5{ font-size:16px; line-height:1; text-align:center;padding-top:5px; padding-bottom:2px}
.page-index-2 .ywt .main ul .row2{border-bottom:none; padding-top:5px}
.page-index-2 .ywt .main ul .last{ border-right:none}
.page-index-2 .ywt .main ul li a{display:block}
.page-index-2 .ywt .main ul li a:after{content:'';display:block;position:absolute; left:15%; right:15%;height:3px;bottom:-2px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-index-2 .ywt .main ul li a:hover:after{transform:scale3d(1,1,1);}
.page-index-2 .ywt .bottom{height:50px; background-color:#cae9f8}
.page-index-2 .ywt .bottom .tit{ float:left; height:50px;line-height:50px; font-size:14px;font-size:16px; margin-left:70px}
.page-index-2 .ywt .bottom .notices{float:left; height:50px; width:500px; margin-left:10px}
.page-index-2 .ywt .bottom .notices ul{height:50px; overflow:hidden}
.page-index-2 .ywt .bottom .notices ul li {height: 50px;line-height: 50px;font-size: 14px;}
.page-index-2 .ywt .bottom .notices ul li a{font-size:14px; margin-right:20px}
.page-index-2 .ywt .bottom .notices ul li a span{padding-left:15px}
.page-index-2 .ywt .bottom .notices #ul_tstz li:first-child {margin-top: 0;transition: margin-top .8s;}

.page-index-2 .jtdt{position:relative}
.page-index-2 .jtdt{margin-top:70px; height:1000px; background-image:url(../images/bg-1.jpg); background-position:center top; background-repeat:no-repeat; background-color:#105c94}
@media only screen and (max-width: 1100px) 
{
    .page-index-2 .jtdt{margin-top:30px}
}
.page-index-2 .jtdt .title{height:200px; text-align:center}
.page-index-2 .jtdt .title img{margin-top:80px}
.page-index-2 .jtdt .section-1 .container{ max-width:1300px}
.page-index-2 .jtdt .section-1 .newslist{}
.page-index-2 .jtdt .section-1 .newslist ul{}
.page-index-2 .jtdt .section-1 .newslist ul li{width:25%; float:left;  min-height:250px;}
.page-index-2 .jtdt .section-1 .newslist ul li:hover .newsdate{transform: translateY(-10px);}
.page-index-2 .jtdt .section-1 .newslist ul li .newsdate{transition: all 0.4s;}
.page-index-2 .jtdt .section-1 .newslist ul li .item{margin: 0 15px;}
@media only screen and (max-width: 1100px) 
{
    .page-index-2 .jtdt .section-1 .newslist ul li .item{margin: 0 10px;}
}
.page-index-2 .jtdt .section-1 .newslist ul li .pic{height:240px; position:relative;background-color:White}
.page-index-2 .jtdt .section-1 .newslist ul li .pic img{width:100%; height:100%}
.page-index-2 .jtdt .section-1 .newslist ul li .pic .newsdate{position:absolute; width:68px; height:68px;left:25px; bottom:-36px; background-image:url(../images/bg-19.png); background-position:center center; background-repeat:no-repeat; border-radius:2px}
.page-index-2 .jtdt .section-1 .newslist ul li .pic .newsdate .box{position:relative}
.page-index-2 .jtdt .section-1 .newslist ul li .pic .newsdate .month{ position:absolute; display:block; width:30px; height:14px; top:15px; left:4px; color:White; font-size:12px;}
.page-index-2 .jtdt .section-1 .newslist ul li .pic .newsdate .day{ position:absolute; display:block; width:30px; height:20px; line-height:20px; top:40px; left:28px; color:White; font-size:16px; font-weight:bold}
.page-index-2 .jtdt .section-1 .newslist ul li .txt{height:100px; padding-top:45px; margin-top:8px; background-color:White}
.page-index-2 .jtdt .section-1 .newslist ul li .txt h4{display:block;width:80%; margin:0 auto; line-height:22px; height:66px;  overflow:hidden; font-size:16px}
.page-index-2 .jtdt .section-1 .newslist ul .col-1 .newsdate{background-color:#bea184;}
.page-index-2 .jtdt .section-1 .newslist ul .col-2 .newsdate{background-color:#1673aa;}
.page-index-2 .jtdt .section-1 .newslist ul .col-3 .newsdate{background-color:#bea184;}
.page-index-2 .jtdt .section-1 .newslist ul .col-4 .newsdate{background-color:#1673aa;}
.page-index-2 .jtdt .section-2{margin-top:45px; width:100%; position:relative; min-height:120px; height:auto}
.page-index-2 .jtdt .section-2:after{content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background-color:White}
.page-index-2 .jtdt .section-2 .newslist{}
.page-index-2 .jtdt .section-2 .newslist ul{}
.page-index-2 .jtdt .section-2 .newslist ul li{width:50%; float:left} 
.page-index-2 .jtdt .section-2 .newslist ul li div{margin:0 6% 0 8%}
.page-index-2 .jtdt .section-2 .newslist ul li a{ font-size:14px; color:White; float:left; height:36px; line-height:36px; max-width:70%; white-space:nowrap; overflow:hidden} 
.page-index-2 .jtdt .section-2 .newslist ul li a:hover{color:rgba(255,255,255,0.80)}
.page-index-2 .jtdt .section-2 .newslist ul li span{ font-size:14px; color:White; width:100px; display:block; float:right; height:36px; line-height:36px; text-align:center} 
.page-index-2 .jtdt .btn-more{ margin-top:65px}
.page-index-2 .jtdt .btn-more a{ display:block; width:300px; height:60px; line-height:60px; background-color:#02c1da; text-align:center; color:White; font-size:18px; margin-left:auto; margin-right:auto; letter-spacing:1px}

.page-index-2 .ysyw{margin-top:-30px; position:relative}
.page-index-2 .ysyw .top{height:30px;background-image:url(../images/bg-20.png); background-position:center top; background-repeat:no-repeat; }
.page-index-2 .ysyw .main{height:820px; background-color:#eee}
.page-index-2 .ysyw .title{text-align:center; padding-bottom:20px}
.page-index-2 .ysyw .title img{margin-top:100px}
.page-index-2 .ysyw .left,.page-index-2 .ysyw .right{width:50%;}
.page-index-2 .ysyw .left{float:left}
.page-index-2 .ysyw .right{float:right}
.page-index-2 .ysyw .wrap{margin:0 10px; height:300px}
.page-index-2 .ysyw .col-title{ height:104px; background-position:center center; background-repeat:no-repeat;}
.page-index-2 .ysyw .left .col-title{background-image:url(../images/bg-21.png)}
.page-index-2 .ysyw .right .col-title{background-image:url(../images/bg-22.png)}
.page-index-2 .ysyw .wrap h3{font-size:24px; color:#174d6c; line-height:1;padding:60px 0 0 10%;}
.page-index-2 .ysyw .right h3{color:White; padding-left:30%}
.page-index-2 .ysyw .left .news-list{padding-left:10%; height:400px; padding-top:4px; background-image:url(../images/bg-24.png);background-size: cover;background-repeat:no-repeat}
.page-index-2 .ysyw .left ul{}
.page-index-2 .ysyw .left ul li{}
.page-index-2 .ysyw .left ul li a{ font-size:14px; float:left; height:36px; line-height:36px; max-width:70%; white-space:nowrap; overflow:hidden} 
.page-index-2 .ysyw .left ul li a:hover{}
.page-index-2 .ysyw .left ul li span{ font-size:14px;  width:120px; display:block; float:right; height:36px; line-height:36px; text-align:left}
.page-index-2 .ysyw .right{position:relative}
.page-index-2 .ysyw .right:after{content:''; position:absolute; width:252px; height:262px;right:0; top:-140px; background-image:url(../images/ksjt-mascot-3.png);background-position:center center; background-repeat:no-repeat }
.page-index-2 .ysyw .right .btn-list{height:404px; background-image:url(../images/bg-23.png);background-size: cover;background-repeat:no-repeat; text-align:center}
.page-index-2 .ysyw .right ul{ display:block; padding-top:40px; width:444px; margin:0 auto}
.page-index-2 .ysyw .right ul li{ float:left}
.page-index-2 .ysyw .right ul li a{display:block; width:148px; height:138px; line-height:138px; text-align:center; font-size:18px; color:#666;  background-position:center center; background-repeat:no-repeat; position:relative}
.page-index-2 .ysyw .right ul li .btn-1{background-image:url(../images/btn-1.png)}
.page-index-2 .ysyw .right ul li .btn-2{background-image:url(../images/btn-2.png)}
.page-index-2 .ysyw .right ul li .btn-3{background-image:url(../images/btn-3.png)}
.page-index-2 .ysyw .right ul li .btn-4{background-image:url(../images/btn-4.png)}
.page-index-2 .ysyw .right ul li .btn-5{background-image:url(../images/btn-5.png)}
.page-index-2 .ysyw .right ul li .btn-6{background-image:url(../images/btn-6.png)}
.page-index-2 .ysyw .right ul li a:after{content:'';display:block;position:absolute; left:25%; right:25%;height:3px;bottom:40px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-index-2 .ysyw .right ul li a:hover:after{transform:scale3d(1,1,1);}

.page-index-2 .spzx{margin-top:-30px; position:relative}
.page-index-2 .spzx .top{height:30px;background-image:url(../images/bg-25.png); background-position:center top; background-repeat:no-repeat;}
.page-index-2 .spzx .main{height:730px; background-color:#9cbad4; position:relative}
.page-index-2 .spzx .main:after{content:''; position:absolute; width:182px; height:167px; bottom:0; left:50%; margin-left:-350px;background-image:url(../images/ksjt-mascot-2.png); background-position:center center; background-repeat:no-repeat;}
.page-index-2 .spzx .title{text-align:center; padding-bottom:20px}
.page-index-2 .spzx .title img{margin-top:75px}
.page-index-2 .spzx .container{max-width:1100px}
.page-index-2 .spzx .videos-list{margin-top:40px}
.page-index-2 .spzx .videos-list ul{}
.page-index-2 .spzx .videos-list ul li{width:25%; float:left; text-align:center; display:block; position:relative}
.page-index-2 .spzx .videos-list ul l a{color:White}
.page-index-2 .spzx .videos-list ul li .img{width:180px; height:158px; padding-top:72px; background-position:center center; background-repeat:no-repeat; margin-left:auto; margin-right:auto; position:relative; text-align:center}
.page-index-2 .spzx .videos-list ul li .img .circle{ width:142px; height:142px; border-radius:50%; margin:0 auto; overflow:hidden; text-align:center; background-position:center center;background-size:cover}
.page-index-2 .spzx .videos-list ul li .img .circle img{ max-height:150px; vertical-align:middle}
.page-index-2 .spzx .videos-list ul li .txt{color:White; line-height:28px; height:56px; overflow:hidden; margin-top:20px; font-size:16px}
.page-index-2 .spzx .btnmore{margin-top:60px; text-align:right}
.page-index-2 .spzx .btnmore a{font-size:18px; color:White; color:rgba(255,255,255,0.65); letter-spacing:1px}
.page-index-2 .spzx .btnmore a:hover{color:White; color:rgba(255,255,255,1)}
.page-index-2 .spzx .videos-list ul li:after{content:'';display:block;position:absolute; left:25%; right:25%;height:3px;bottom:-30px;background:#00b5ed;transition:all 0.15s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; z-index:2}
.page-index-2 .spzx .videos-list ul li:hover:after{transform:scale3d(1,1,1);}